@extends('frontend.layout')

@section('content')
    <div class="photolane_fn_content_in">

        <!-- FLUID WRAP -->
        <div class="photolane_fn_fluid_wrap">

            <!-- MAIN SLIDER -->
            <div class="photolane_fn_main_slider">
                <div class="flexslider">
                    <ul class="slides">
                        @if(count($slides) > 0)
                            @foreach($slides as $slide)
                            <li>
                                <div class="slides_bg" style="background-image: url({{ $slide->image }})"></div>
                                <div class="title_holder">
                                    <h2>
                                        <a href="#">
                                            <span>The One Photo</span>
                                        </a>
                                    </h2>
                                </div>
                                <div class="photolane_fn_overlay"></div>
                            </li>
                            @endforeach
                        @else
                            <li>
                                <div class="slides_bg one"></div>
                                <div class="title_holder">
                                    <h2>
                                        <a href="#">
                                            <span>The One Photo</span>
                                        </a>
                                    </h2>
                                </div>
                                <div class="photolane_fn_overlay"></div>
                            </li>
                        @endif
                    </ul>
                    <div class="purchase">
                        <a href="//www.facebook.com/the1photo" target="_blank" style="float: left;margin-right: 10px;">
                            <img class="svg" src="/frontend/img/social/facebook.svg" alt="" />
                        </a>
                        <a href="//www.instagram.com/rilson_feng" target="_blank" style="float: left;margin-right: 10px;">
                            <img class="svg" src="/frontend/img/social/instagram.svg" alt="" />
                        </a>
                        <a href="//www.vimeo.com/rilson" target="_blank" style="float: left;margin-right: 10px;">
                            <img class="svg" src="/frontend/img/social/vimeo.svg" alt="" />
                        </a>
                        <a class="social weixin" href="#" style="float: left;margin-right: 10px;">
                            <img class="svg" src="/frontend/img/social/wechat.svg" alt="" />
                            <img class="qrcode" src="/frontend/img/social/wechat.jpg" alt="wechat">
                        </a>
                    </div>
                </div>
            </div>
            <!-- /MAIN SLIDER -->

        </div>
        <!-- /FLUID WRAP -->

    </div>
@endsection